html,
		body {
			background: #2c2f34;
			/*position: relative;*/
			display: flex !important;
			align-items: center !important;
			flex-direction: column !important;
			padding: 0;
			margin: 0;

		}
		.code_con{
			width: 100% ;
			margin: 0 auto;
		}
		.code_list_a {
			width: 100%;
			padding: 0.7rem 0.38rem 0.58rem 0.38rem;
			background: #fff;
			margin-top: 50%;
			box-sizing: border-box;
			text-align: center;
		}
	.code_list_b {
			width: 100%;
			padding: 0.7rem 0.18rem 0.58rem 0.18rem;
			background: #fff;
			margin-top: 50%;
			box-sizing: border-box;
			text-align: center;
		}
		.code_list_img {
			width: auto;
			height: 2.32rem;
			margin: 0 auto;
		}
		
		#code_list_qr_a {
			height: 1.63rem;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0.96rem;
			margin: auto;
			padding: 0.2rem;
			box-sizing: border-box;
			border: 1px dashed red;
		}
		#code_list_qr{
			width: 1.63rem;
			height: 1.63rem;
			position: absolute;
			top: 0rem;
			left: 0;
			right: 0;
			margin: auto;
			padding: 0.2rem;
			box-sizing: border-box;
			border: 1px dashed red;
		}
		#code_list_qr_a[disabled] {
			background: none;
			border: none;
			opacity: 1;
		}
		#code_list_qr[disabled] {
			background: none;
			border: none;
			opacity: 1;
		}
		#code_list_qr img {
			width: 1.23rem;
			height: 1.23rem;
		}
		#code_list_qr_a img {
			width: 1.23rem;
			height: 1.23rem;
		}
		
		.code_bottom {
			width: 96%;
			height: 0.8rem;
			border: none;
			background: #218ff1;
			position: fixed;
			bottom: 0.2rem;
			margin: 0 auto;
			color: #fff;
			font-size: 0.28rem;
		}
		
		.code_edit {
			position: absolute;
			height:100vh;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index: 100;
			-moz-opacity: 0.7;
			opacity: .70;
			filter: alpha(opacity=70);
			display: none;
		}
		/*#bgMask{
			
		}*/
		
		.code_edit_con {
			width: 80%;
			height:100%;
			background: #fff;
			position: absolute;
			z-index: 200;
			top: 0;
			right: 0;
			padding: 0.5rem 0.3rem 0 0.3rem;
			overflow-y: scroll;
			display: none;
		}
		
		.code_edit_upload {
			width: 1.5rem;
			height: 1.5rem;
			border: 1px solid #DDDDDD;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 0.2rem;
			position: relative;
		}
		
		.code_edit_upload img {
			width: 0.6rem;
			height: auto;
		}
		
		.code_ts {
			color: #1694e9;
			font-size: 0.28rem;
		}
		
		.code_up {
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		
		.filepath {
			width: 100%;
			height: 100%;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
		}
		
		.code_list {
			width: 100%;
			height: auto;
		}
		
		.code_list_info {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 0.3rem;
		}
		
		.code_list_info_left {
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		
		.qr_img {
			width: 1.5rem;
			height: 1.5rem;
			border: 1px solid #DDDDDD;
			margin-right: 0.3rem;
		}
		
		#img3 {}
		
		.edit_code {
			width: 0.5rem;
			height: auto;
		}
		
		.show_code {
			width: 1.5rem;
			height: 1.5rem;
			border: 1px solid #ddd;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 53%;
			margin-bottom: 0.25rem;
			/*margin: 0;
			padding: 0;*/
		}
		
		.add_code {
			width: 80%;
			height: 100vh;
			background: #fff;
			position: absolute;
			z-index: 2000;
			top: 0;
			right: 0;
			padding: 0.5rem 0.3rem 0 0.3rem;
			box-sizing: border-box;
			display: none;
			/*overflow: hidden;*/
			overflow-y: scroll;
		}
		
		.add_code input {
			font-size: 0.28rem;
			margin-top: 0.5rem;
			height: 0.7rem;
			margin-bottom: 0.5rem;
			width: 96%;
		}
		
		.add_code button {
			width: 96%;
			height: 0.7rem;
			border: none;
			color: #fff;
			background: #218ff1;
		}
		
		::-moz-placeholder {
			color: #b5b5b5;
		}
		
		::-webkit-input-placeholder {
			color: #b5b5b5;
		}
		
		:-ms-input-placeholder {
			color: #b5b5b5;
		}
		.cropper-canvas {
			display: none !important;
		}
		
		.cropper-crop-box {
			display: none !important;
		}
		
		.cropper-bg {
			display: none !important;
		}